diff options
Diffstat (limited to 'app/[lng]/evcp/(evcp)/tech-vendors/page.tsx')
| -rw-r--r-- | app/[lng]/evcp/(evcp)/tech-vendors/page.tsx | 71 |
1 files changed, 0 insertions, 71 deletions
diff --git a/app/[lng]/evcp/(evcp)/tech-vendors/page.tsx b/app/[lng]/evcp/(evcp)/tech-vendors/page.tsx deleted file mode 100644 index 176a6fbc..00000000 --- a/app/[lng]/evcp/(evcp)/tech-vendors/page.tsx +++ /dev/null @@ -1,71 +0,0 @@ -import * as React from "react" -import { type SearchParams } from "@/types/table" - -import { getValidFilters } from "@/lib/data-table" -import { Skeleton } from "@/components/ui/skeleton" -import { DataTableSkeleton } from "@/components/data-table/data-table-skeleton" -import { Shell } from "@/components/shell" - -import { searchParamsCache } from "@/lib/tech-vendors/validations" -import { getTechVendors, getTechVendorStatusCounts } from "@/lib/tech-vendors/service" -import { TechVendorsTable } from "@/lib/tech-vendors/table/tech-vendors-table" -import { Ellipsis } from "lucide-react" - -interface IndexPageProps { - searchParams: Promise<SearchParams> -} - -export default async function IndexPage(props: IndexPageProps) { - const searchParams = await props.searchParams - const search = searchParamsCache.parse(searchParams) - - const validFilters = getValidFilters(search.filters) - - const promises = Promise.all([ - getTechVendors({ - ...search, - filters: validFilters, - }), - getTechVendorStatusCounts(), - ]) - - return ( - <Shell className="gap-2"> - <div className="flex items-center justify-between space-y-2"> - <div className="flex items-center justify-between space-y-2"> - <div> - <h2 className="text-2xl font-bold tracking-tight"> - 협력업체 리스트(기술영업) - </h2> - <p className="text-muted-foreground"> - 기술영업 협력업체에 대한 요약 정보를 확인하고{" "} - <span className="inline-flex items-center whitespace-nowrap"> - <Ellipsis className="size-3" /> - <span className="ml-1">버튼</span> - </span> - 을 통해 담당자 연락처, 공급 가능 아이템 등을 확인할 수 있습니다. <br/> - 벤더의 상태에 따라 가입을 승인해주거나 거부할 수 있습니다. - </p> - </div> - </div> - </div> - - <React.Suspense fallback={<Skeleton className="h-7 w-52" />}> - {/* 필요한 경우 데이터 범위 선택기 등의 추가 UI를 이곳에 배치할 수 있습니다 */} - </React.Suspense> - <React.Suspense - fallback={ - <DataTableSkeleton - columnCount={6} - searchableColumnCount={1} - filterableColumnCount={2} - cellWidths={["10rem", "40rem", "12rem", "12rem", "8rem", "8rem"]} - shrinkZero - /> - } - > - <TechVendorsTable promises={promises} /> - </React.Suspense> - </Shell> - ) -} |
